<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入重置 -->
    <link rel="stylesheet" href="./common/reset.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2384888_ojge9md3tr.css">
    <!-- 引入头脚样式 -->
    <link rel="stylesheet" href="./common/hdft.css">
    <!-- 独立 -->
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>

    <header>
        <div class="head">
            <img src="./img/index/logo.png" alt="">
            <ul>
                <a href="./index.html"><li class="active">首页</li></a>
                <a href="./pages/online.html#online"><li>同步课程</li></a>
                <a href="./pages/exam.html#exam"> <li>在线练习</li></a>
                <a href="./pages/videodetailspage.html#videodetailspage"><li>精品课程</li></a>
            </ul>

            <div class="text">
                <select name="" id="">
                    <option value="">课程</option>
                </select>
                <input type="text" placeholder="搜索感兴趣的内容">
            </div>
            <p class="unlogin">
                <a href="./pages/login.html">登录</a>/<a href="./pages/register.html">注册</a>
            </p>
            <p class="inlogin">
                <img src="./img/login/user.png" alt="">
            </p>
            <dl class="usrlis">
                <dt>我是haha</dt>
                <dd>课程中心</dd>
                <dd>订单管理</dd>
                <dd>个人中心</dd>
                <dd><a class="quit" href="javascript:;">退出登录</a></dd>
            </dl>
        </div>
    </header>

    <div class="content">
        <div class="banner">
            <ul class="banner-img">
            </ul>
            <ul class="banner-circle">
            </ul>
        </div>
        <h4>同步课程<span>更多课程&nbsp;&nbsp;&nbsp;▶</span></h4>
        <ul class="online clearfix">
        </ul>
        <img class="img2" src="./img/index/WechatIMG20.png" alt="">
        <h4>在线测试<span>更多练习&nbsp;&nbsp;&nbsp;▶</span></h4>

        <ul class="test clearfix">
        </ul>
        <h4>精品课程<span>更多课程&nbsp;&nbsp;&nbsp;▶</span></h4>

        <div class="clearfix">
            <ul class="good">
            </ul>
            <img class="img3" src="./img/index/good_banner7.png" alt="">
        </div>
        <div class="last">
            <img class="img4" src="./img/index/foot1.png" alt="">
            <img class="img4" src="./img/index/foot2.png" alt="">
            <img class="img5" src="./img/index/foot3.png" alt="">
        </div>

    </div>
    <footer>
        <div class="main">
            <p>首页 | 关于我们 | 加入我们 | 合作专区 | 联系我们 | AI开放平台 | 意见反馈 | 漏洞提交 | 隐私政策 | 版权声明 | 反盗链声明 | 网上有害信息举报 | 备案公示 | 营业执照
                | 教师资格证公示</p>
            <p>京ICP备 13030888号 Copyright © 2014-2019 行者信息科技（北京）有限公司 | 地址：北京市新华区马当路388号C座 | 电话：010-66666666 | 京公网安备
                01010102002533号</p>
            <p> 京网文〔2018〕4086-308号 | 网络文化经营许可证：沪网文[2018]4086-308号 | 增值电信业务经营许可证：京B2-20150021 | 食品经营许可证：JY13101140088888
            </p>
            <p>医疗器械经营许可证：京嘉食药监械经营许20188008号 | 互联网药品信息服务资格证书：(京)-经营性-2018-0011 </p>
        </div>
    </footer>

    <div class="slide">
        <div>
            <img src="./img/index/mytest.png" alt="">
        </div>
        <div>
            <img src="./img/index/mylesson.png" alt="">
        </div>
        <div>
            <img src="./img/index/gotop.png" alt="">
        </div>
    </div>

    <!-- 引入js -->
    <!-- 1. 公用js库 -->
    <script src="./js/public_com.js"></script>
    <script src="./common/xiaou_public.js"></script>
    <!-- 2. 数据js引入 -->
    <script src="./js/data.js"></script>
    <!-- 3. 引入自己的js -->
    <script src="./js/index.js"></script>
</body>

</html>